<template>
    <div class="demo-date-picker">
        <el-date-picker
          v-model="value1"
          type="daterange"
          range-separator="至"
          start-placeholder="开始日期"
          end-placeholder="结束日期"
          prefix-icon="none"
          unlink-panels
        />
    </div>
  </template>
  
  <script setup>
  import { ref } from 'vue'
  const value1 = ref('')
  </script>
  
  <style scoped>
  .demo-date-picker {
    display: flex;
    /* width: 100%; */
    padding: 0;
    flex-wrap: wrap;
  }
  
  .demo-date-picker .block {
    /* padding: 30px 0; */
    text-align: center;
    border-right: solid 1px var(--el-border-color);
    flex: 1;
  }
  
  .demo-date-picker .block:last-child {
    border-right: none;
  }
  
  .demo-date-picker {
    display: block;
    color: var(--el-text-color-secondary);
    font-size: 14px;
    margin-bottom: 20px;
  }
  </style>  